.middleNav {
    display: flex;              /* 关键 */
    align-items: center;        /* 垂直居中 */
    height: 10vh;
    width: 100vw;
    background-color: rgb(217, 221, 208);
}

.middleNav img {
    height: 80%;
    margin-left: 40px;
    width: 90px;
    position: relative;
    top: 1vh;
}

.middle {
    height: 10vh;
    flex: 1;                    /* 占满剩余宽度 */
    display: flex;
    justify-content: center;    /* 菜单项水平居中 */
    gap: 0 20px;                
}

.middle a {
    text-decoration: none;
    display: inline-block;
    line-height: 10vh;
    padding: 0px 2px;
    font-size: larger;
    width: 130px;
    color: black;
}

.search {
    flex-shrink: 0;
    margin-right: 40px;
}

.midinput {
    height: 5vh;
    border: 1px solid rgb(72, 138, 225)
}

.midbutton {
    background-color: rgb(72, 138, 225);
    color: white;
    height: 5vh;
    border: none;
    position: relative;
    top: 1px;
    left: 2px;
}


